Full-page preview

D-D0b Preview Page

Eigene Full-Page-Vorschau fuer App-Shell-Breite, Page Padding, Card Padding und Grid-Gaps. Diese Seite ist bewusst von der D-Entscheidungsseite getrennt.

Zurueck zu D02
App Shell
Layout-Dichte
Aktive Layout-Daten Diese Werte aendern sich durch die Umschalter.
ShellAn
Sidebar232px
Topbar56px sichtbar
Content-BreiteViewport minus 232px
BewertungProduktansicht
ShellAus
Sidebar0px
Topbarausgeblendet
Content-Breitevolle Preview-Breite
BewertungCanvas/Modal-Kontext
ModusAdmin Standard
Page Padding24px
Card Padding16px
Grid/Card Gap16px
Detail-/Editor Padding16px
ModusKompakt
Page Padding24px min
Card Padding16px
Grid/Card Gap12px
Detail-/Editor Padding16px
ModusDialog 32px
Page Padding24px
Card Padding16px
Grid/Card Gap16px
Dialog Padding32px Variante
New Export

Workspace overview

Operations dashboard

Beispielseite fuer App-Shell-Breite, Page Padding, Card-Padding und Grid-Gaps im laufenden Produktkontext.

Filter Create task

Open leads

128

+12 this week

Active projects

42

8 need review

Team workload

76%

Balanced

Pending approvals

9

3 overdue

Recent work

Tasks, customers and approvals in one dense page area.

Review onboarding workspace Assigned to Admin Team
Due today
Prepare customer import CRM setup
Active
Approve role changes Security settings
Review

Employee access

Table area for judging page width inside and outside the shell.

Role
Name Role Department Status Actions
David Bertram Admin Operations Active ...
Anna Keller Finance Lead Finance Active ...
Max Hoffmann Employee Support Pending ...

Dialog 32px Variante

Dieser Modus macht nur diese grosse Arbeitsflaeche innen groesser. Das steht fuer die groessere Subframe-Dialog-Variante, nicht fuer frei gesetztes Padding auf normalen Surfaces.

Role Contacts Projects Reports